@charset "UTF-8";
@import "./common.scss";


#page{width: 100%;height: 100%; position: absolute; left: 50%; top: 50%;overflow: hidden; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px);-moz-transform: translate3d(-50%, -50%, 0px);
	.menu-btn{ width: 30px; height: 30px; position: fixed; right: 10px; top: 10px; z-index: 100;
	  span{ height: 6px; overflow: hidden; background: #fff; display: block; margin-bottom: 2px;}
	};
}
.swiper-container { width: 100%;height: 100%;left: 0; top: 0; position: absolute;
  .swiper-slide{width:100%;height:100%; 
    .main-pic{ width: 6.95rem; left: 1.5rem;top: 0.47rem; position: absolute; height: 3.5rem;overflow: auto;}
    .ban1_main{ width: 6.7rem; height: 3rem; position: absolute; left: 50%; margin-left: -3.35rem; top: 1.6rem;
      a{ width: 44%; margin: 0.2rem 3%; float: left;
      	img{ width: 100%;}
      }
    }
    .ban5_main{ width: 8.1rem; height: 3rem; position: absolute; left: 1.67rem; top: 1.25rem;
    	img{ width: 100%;}
    	a{ position: absolute;}
    	.ban_01{  width: 2.7rem; left: 0.02rem; top: 0;}
    	.ban_03{  width: 2.7rem; left: 2.65rem; top: 0.9rem;}
    	.ban_04{  width: 1.35rem; left: 2.63rem; top: 1.62rem;}
    	.ban_05{  width: 1.35rem; left: 3.98rem; top: 1.62rem;}
    	.ban_06{  width: 2.7rem; left: 5.33rem; top: 0.9rem;}
    	.ban_07{  width: 2.7rem; left: 5.33rem; top: 1.62rem;}
    	.ban_08{  width: 2.7rem; left: 5.33rem; top: 2.32rem;}
    }
    .ban8_main{ width: 8.93rem; position: absolute; left: 0.72rem; top: 1.8rem;
    	a{ width: 25%; float: left;
    		img{ width: 100%;}
    	}
    }
  }
  .swiper-button-prev,
  .swiper-button-next{ width: 35px;}
  .swiper-button-prev{ background: url(../img/left_btn.png) no-repeat; background-size:auto 100% ;}
  .swiper-button-next{ background: url(../img/right_btn.png) no-repeat; background-size:auto 100% ;}
}
// #swiper-container-two{display: none}
.ani{position:absolute;}

